<template>
	<div class="app-container">
		<el-table v-loading="loading" stripe :data="orderList" @selection-change="handleSelectionChange">
			<el-table-column :formatter="emptyToString" type="selection" width="55" align="center" />

			<el-table-column :formatter="emptyToString" type="index" label="编号" prop="number"></el-table-column>
			<el-table-column :formatter="emptyToString" label="用户类型" align="center" prop="userType" />
			<el-table-column :formatter="emptyToString" label="最低提现金额(￥)" align="center" prop="minimumWithdrawalAmount" />
			<el-table-column :formatter="emptyToString" label="最低保留金额(￥)" align="center" prop="minimumReserveAmount" />
			<el-table-column :formatter="emptyToString" label="结算周期(天)" align="center" prop="billingCycle" />
			<el-table-column :formatter="emptyToString" label="是否只能整百提现" align="center" prop="isItOnlyPossibleToWithdraw100OfCash" />
			<el-table-column :formatter="emptyToString" label="操作" align="center" class-name="small-padding fixed-width">
				<template slot-scope="scope">
					<el-button v-hasPermi="['mall:order:edit']" size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">编辑</el-button>
					<el-button v-hasPermi="['mall:order:remove']" size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
				</template>
			</el-table-column>
		</el-table>

		<!--  <pagination-->
		<!--    v-show="total>0"-->
		<!--    :total="total"-->
		<!--    :page.sync="queryParams.pageNum"-->
		<!--    :limit.sync="queryParams.pageSize"-->
		<!--    @pagination="getList"-->
		<!--  />-->

		<div class="box_text app-container">税金设置</div>

		<div>
			<div class="section_box">
				<div>1.</div>
				<div>金额：</div>
				<el-input v-model.trim="input" class="input_one" placeholder="0.00"></el-input>~<el-input v-model.trim="input" class="input_one" placeholder="100.00"></el-input>
				<div>折扣率</div>
				<el-input v-model.trim="input" class="input_twe" placeholder="0.05"></el-input>
				<div>删除</div>
			</div>
			<div class="section_box">
				<div>2.</div>
				<div>金额：</div>
				<el-input v-model.trim="input" class="input_one" placeholder="0.00"></el-input>~<el-input v-model.trim="input" class="input_one" placeholder="100.00"></el-input>
				<div>折扣率</div>
				<el-input v-model.trim="input" class="input_twe" placeholder="0.05"></el-input>
				<div>删除</div>
			</div>
		</div>

		<el-button style="margin-left: 50px; margin-top: 20px" type="info">新增区间</el-button>
	</div>
</template>

<script>
export default {
	name: 'Index',
	data() {
		return {};
	},
};
</script>

<style scoped>
.box_text {
	margin-top: 50px;
}
.section_box {
	display: flex;
	align-items: center;
	margin-left: 50px;
}
.input_one {
	width: 100px;
	margin: 10px 20px 0 20px;
}
.input_twe {
	width: 200px;
	margin: 10px 20px 0 20px;
}
</style>
